<template>
    <div>
      <div class="cover">
            <div class="showImg">
                <swiper-gallery></swiper-gallery>
            </div>
            <div class="sideBar">
                <slot name="sidebar"></slot>
            </div>
            <slot name="del"></slot>
      </div>
    </div>
</template>
<script>
import swiperGallery from "./swiperGallery"
export default {
    data(){
        return {

        }
    },
    methods:{

    },
    components:{
        swiperGallery
    }
}
</script>
<style   scoped>
@import url("../assets/font/iconfont.css");
@import url("../assets/css/base.css");

.cover{
    width: 100%;
    height: 100%;
    /* background-color: skyblue; */
    position: fixed;
    left: 0;
    top: -20px;
    display: flex;
    justify-content: space-between;
    z-index: 5;
}
.showImg{
    flex: 3;
    width: 60%;
    height: 100%;
       margin: 60px 65px 0px 65px;
       /* background-color: rgb(46, 46, 46); */
     
}
.sideBar{
    z-index: 3;
    flex: 1;
    width: 440px;
    height: 100%;
    background-color: pink;
}
::-webkit-scrollbar {
     width: 0 !important;
   }
   ::-webkit-scrollbar {
     width: 0 !important;height: 0;
   }
/* .del{
        width: 50px;
    height: 50px;
    position: absolute;
    left: 35px;
    top: 40px;
    background-color: #121212;
}
.del::before{

    content:"\e62d";
    font-family: "iconfont";
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 50px;
} */
 
</style>

